<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>Document</title>
	<link rel="stylesheet" href="css/denglu.css">
	<link rel="stylesheet" type="text/css" href="css/quanju.css"/>
		<style type="text/css">
			
		</style>
</head>
<body>
	<div class="top"></div>
	<div class="box">
			<ul>
				<li><img src="img/fanhui.png"></li>
				<li><p>登录</p></li>
				<li><input type="button" class="one" value="注册"></li>
			</ul>
		</div>
		<div class="banner">
		<ul>
			<li><input  type="text" placeholder="账号" class="a user"></li>
			<li><input  type="password" placeholder="密码" class="b pwd"></li>
			<li><input type="checkbox">记住密码<a href="#">忘记密码？</a></li>
			<li><input  type="button" value="登录" class="c denglua"></li>
		</ul>
		</div>
		
		<div class="tab">
			<a href="#">
				<img src="img/tab-shou.png"/>
				<p>首页</p>
				
			</a>
			<a href="#">
				<img src="img/tab-fen.png"/>
				<p>分类</p>
			</a>
			<a href="#">
				<img src="img/tab-gou.png"/>
				<p>购物车</p>
			</a>
			<a href="#">
				<img src="img/tab-xiu.png"/>
				<p>我的秀</p>
			</a>
			<a href="#">
				<img src="img/tab-geng.png"/>
				<p>更多</p>
			</a>
		
        </div>
		<script src="js/jquery-1.11.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/quanju.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		$('.tab a').eq(3).addClass('abj')
			$(".denglua").click(function(){
                
                var user = $(".user").val();
                var pwd = $(".pwd").val();
                var str=user;
				var re =  /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
				if( re.test(str) ){ // 返回true,代表在字符串中找到了非数字。
				   
				   
				   location.href='wodedingdan.html'
				}else{
				  alert('邮箱错误');
				}
                
             })
			
			
		</script>
</body>
</html>